<!doctype html>
<html lang="en">

<head>
    <title>一卡通管理系统</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="./css/index.css"> 
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<style>

</style>

<body>
        <!-- 导航栏 -->
        <div class="top_nav">
            <div style="padding-top: 8px; padding-left: 50px;">
                <img src="./img/logo.png" alt="">
                <span class="top_nav_span">欢迎使用学生一卡通管理系统</span>
                <span style="margin-left: 800px;"><a class="top_nav_a" href="./html/login.html">登录</a></span>
                <span style="margin-left: 30px;"><a class="top_nav_a" href="./html/register.html">注册</a></span>  
            </div>
        </div>
    <div class="container-fluid" id="body-cy">
        <div id="tupian" class="container">
            <img src="./img/学校风景1.jpg" id="type1" name="1" alt="3">
            <div id="tpbg1"></div>
            <img src="./img/学校风景2.jpg" id="type2" name="2" alt="4">
            <div id="tpbg2"></div>
            <img src="./img/学校风景3.jpg" id="type3" name="3" alt="0">
            <img src="./img/学校风景4.jpg" id="type4" name="4" alt="1">
            <div id="tpbg4"></div>
            <img src="./img/学校风景5.jpg" id="type5" name="5" alt="2">
            <div id="tpbg5"></div>
        </div>
        <!-- 点的轮播事件图 -->
        <!-- <div id="dot" class="container">
            <div class="dot" name="0"></div>
            <div class="dot" name="1"></div>
            <div class="dot" name="2"></div>
            <div class="dot" name="3"></div>
            <div class="dot" name="4"></div>
            <div class="dot-red"></div>
        </div> -->
    </div>
	<div class="banner">
		<div class="bn">
			<div class="notice">
				<h2 >——通知公告——</h2>
			</div>
			<div class="banner-text t1">
				<ul>
					<li>
						<p class="banner-text-p">2020-10-1</p>
						<h3><a>国庆中秋双节注意事项</a></h3>
						<p class="banner-text-p1">出门一定关闭电闸 关闭门窗</p>
					</li>
				</ul>
			</div>
			<div class="banner-text t1">
				<ul>
					<li>
						<p class="banner-text-p">2020-10-7</p>
					</li>
				</ul>
			</div>
			
			<div class="banner-text t1">
				<ul>
					<li>
						<p class="banner-text-p">2020-10-8</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="footer"></div>
    <!-- <div class="card" style="width: 400px; margin-top: 20px; margin: auto;">
        <img src="./img/学校风景7.jpg" class="card-img-top" alt="...">
        <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
                content.</p>
        </div>
        <ul class="list-group list-group-flush">
            <li class="list-group-item">Cras justo odio</li>
            <li class="list-group-item">Dapibus ac facilisis in</li>
            <li class="list-group-item">Vestibulum at eros</li>
        </ul>
        <div class="card-body">
            <a href="#" class="card-link">Card link</a>
            <a href="#" class="card-link">Another link</a>
        </div>
    </div> -->
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="./js/jquery-3.2.1.js"></script>
    <!-- Vue.js -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- axios -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
    <script src="./js/text.js"></script>
</body>

</html>
<script>

</script>